<!--
 * @Author       : Hejh(3010733382@qq.com)
 * @Version      : V1.0
 * @Date         : 2024-02-01 19:51:45
 * @Description  : 全局的loading组件
-->

<template>
  <n-config-provider :theme-overrides="themeOverrides">
    <div class="loading-container">
      <n-spin size="large" />
    </div>
  </n-config-provider>
</template>

<script setup lang="ts">
import { NConfigProvider } from 'naive-ui'
import { themeOverrides } from '@/theme/themeConfig'
</script>

<style scoped lang="scss">
.loading-container {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: rgba($color: #ffffff, $alpha: 0.7);
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 50px;
}
</style>
